<template>
    <div>

    </div>
</template>

<script>
// 1.Promise的理解
// ⾸先promise是es6提供⼀种异步解决⽅案.通过promise能够解决回调地狱问题promise⼀共有三个状态,分别是进⾏中,成功或者失败 如何成功的话可以通过resolve⽅法将正确结果返回出去,通过.then的⽅
// 式进⾏接受,失败的话可以通过reject的⽅式将失败的结果返回出去,通过.catch的⽅式进⾏接受,pending状态是进⾏中,⼀旦进⾏
// 之后,他的状态是不可逆的使⽤promise,我们需要对promise进⾏实例化,在实例化的构造函数⾥⾯有⼀个回调函数,这个回调函数⾥⾯有那个参数,
// 分别是resolve和reject,我们可以通过promise的实例化对象调⽤.then或者.catch⽅式接受结果.all和race,其中all⽅法的作⽤是将多个请求合并成⼀个请求
// .race的作⽤也可以将多个请求合并成⼀个请求,不过是谁先请求成功就先返回谁
// function pro(url) {
//   return new Promise((resolve,reject)=>{
//     $.ajax({
//       url:url,
//       success:function(res){
//         resolve(res);
//       },
//       error:function(err){
//         reject(err);
//       }
//     });
//   });
// }
// let p=pro("data/1.json");
// p.then(res=>{
//   console.log(res);
// }).catch(err=>{
//   console.log(err);
// });


// 2.async,await理解
// ⾸先async和await是解决异步的终极⽅案,他是generatal的语法糖. async和await⼀般配和使⽤,当我们给函数前⾯加上关键字
// async,这个时候,这个函数的返回值就是⼀个promise. ⽽await是⼀个同步的操作,await只能配合async只能,不然会报错,await后
// ⾯可以是表达式,也可以是⼀个promise,在await下⾯的代码必须得等待await执⾏完之后才能在执⾏
// async function fn(){
//     console.log(1);
//     var result=await new Promise(function(resolve,reject){
//         setTimeout(function(){
//             resolve(2)
//         },2000);
//     });
// 	console.log(result)
//     console.log(3)
//     console.log(await 4)
// }
// fn();



</script>

<style lang='scss' scoped >
</style>
